<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>查看房屋信息</title>
    <link th:replace="common/header"/>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-server" aria-hidden="true"></i>查看房屋信息
                        </h3>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    房屋名称:<span th:text="${rentingHouse.info.houseName}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <span>卧室:<span th:text="${rentingHouse.info.roomNumber + '间'}">1</span></span>-
                                    <span>客厅:<span th:text="${rentingHouse.info.drawingNumber + '间'}">1</span></span>-
                                    <span>厨房:<span th:text="${rentingHouse.info.kitchenNumber + '间'}">1</span></span>-
                                    <span>卫生间:<span th:text="${rentingHouse.info.restroomNumber + '间'}">1</span></span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    朝向:<span th:text="${rentingHouse.info.orientation.text + '向'}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    房屋面积:<span
                                        th:text="${#numbers.formatDecimal(rentingHouse.info.houseArea, 1, 2) + '平方米'}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    <span>所在楼层:<span th:text="${rentingHouse.info.layer}">1</span></span>-
                                    <span>总楼层:<span th:text="${rentingHouse.info.totalLayer}">1</span></span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    所在小区:<span th:text="${rentingHouse.info.polt}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    详细地址:<span th:text="${rentingHouse.info.address}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <span>所在省:<span th:text="${rentingHouse.info.provinceName}">1</span></span>-
                                    <span>所在市:<span th:text="${rentingHouse.info.cityName}">1</span></span>-
                                    <span>所在区/县/镇:<span th:text="${rentingHouse.info.regionName}">1</span></span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    住宅用途:<span th:text="${rentingHouse.info.purpose}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    购买时间:<span
                                        th:text="${#dates.format(rentingHouse.info.buyTime, 'yyyy年MM月dd日')}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    产权:<span th:text="${rentingHouse.info.propertyRight + '年'}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div>
                                    <ul class="ace-thumbnails clearfix">
                                        <li th:each="image : ${rentingHouse.info.list}">
                                            <a th:href="@{'/' + ${image.houseImg}}" data-rel="colorbox">
                                                <img alt="" th:attr="id=${image.id}" th:src="@{'/' + ${image.houseImg}}"
                                                     style="max-height: 150px; max-width: 150px;"/>
                                                <div class="text">
                                                    <div class="inner">点击查看大图</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.col -->
                </div><!-- /.row -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-server" aria-hidden="true"></i>查看房屋物品信息
                        </h3>
                        <div class="row-fluid" th:each="stuff: ${stuffInfoList}">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    物品名称:<span th:text="${stuff.name}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    物品数量:<span th:text="${stuff.number}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    物品状态:<span
                                        th:text="${stuff.status.text}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    备注:<span
                                        th:text="${stuff.memo}">1</span>
                                </div>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-server" aria-hidden="true"></i>查看房屋租赁信息
                        </h3>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    房屋信息:<span th:text="${rentingHouse.info.houseName}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    房屋所有人:<span th:text="${rentingHouse.owner}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    出租价格:<span
                                        th:text="${#numbers.formatDecimal(rentingHouse.price, 1, 2) + '元/月'}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    支付类型:<span th:text="${rentingHouse.priceType.text}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span3">
                                <div class="control-group">
                                    租金包含费用:<span th:text="${rentingHouse.includeService}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    联系电话:<span th:text="${rentingHouse.phone}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    装修风格:<span th:text="${rentingHouse.fitment}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    提供服务:<span th:text="${rentingHouse.supply}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    标题:<span th:text="${rentingHouse.title}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    房源描述:<span th:text="${rentingHouse.description}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div>
                                    <ul class="ace-thumbnails clearfix">
                                        <li th:each="image : ${rentingHouse.list}">
                                            <a th:href="@{'/' + ${image.houseImg}}" data-rel="colorbox">
                                                <img alt="" th:attr="id=${image.id}" th:src="@{'/' + ${image.houseImg}}"
                                                     style="max-height: 150px; max-width: 150px;"/>
                                                <div class="text">
                                                    <div class="inner">点击查看大图</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="text-center span12">
                                <a shiro:hasPermission="/rentingHouse/getAll" class="btn" href="getAll"
                                   th:href="@{/rentingHouse/getAll}"><i class="fa fa-reply"
                                                                        aria-hidden="true"></i>返回</a>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>

<form id="form" name="form" th:action="@{/rentingHouse/getAll}" th:method="post" th:object="${rentingHouseForm}">
    <input type="hidden" name="price" id="price" th:value="*{price}"/>
    <input type="hidden" name="priceType" id="priceType" th:value="*{priceType}"/>
    <input type="hidden" name="phone" id="phone" th:value="*{phone}"/>
    <input type="hidden" name="title" id="title" th:value="*{title}"/>
</form>

<link rel="stylesheet" th:href="@{/css/colorbox.min.css}"/>
<script th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script th:src="@{/js/colorbox/jquery.colorbox.min.js}"></script>
<script th:src="@{/js/colorbox/colorbox.js}"></script>
</body>
</html>
